<!--download-->
<template>
  <div class="download">
    <div class="agents-icons">
      <div class="flex-1" style="margin-right:6em;">
        <img src="../../../static/nav-list-img2.png" alt="">
      </div>
      <div class="flex-2">
        <div class="download-container-info">
          <h2 class="h2">{{$t('m.FastEasy')}}</h2>
          <p>{{$t('m.Buysellrentpropertyanytimeanywhere')}}</p>
          <div class="download-box">
            <div class="download-left-box">
              <a href="https://play.google.com/store/apps/details?id=com.tushengwanwu.bestproperty" onclick="ga('send', 'event','Google','click','https://play.google.com/store/apps/')" class="download-google"><img src="../../../static/google-play.png" alt=""></a>
              <a href="http://bestproperty.com.mm/download/consumer/bestproperty.apk"  onclick="ga('send', 'event','Download','click','http://bestproperty.com.mm/download/consumer/')" class="download-apk">Download Android</a>
            </div>
            <div class="download-right-box">
              <img src="../../../static/ewm.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'download',
  }
</script>
<style>
  .download .agents-icons {
    display: flex;
    margin: 0 auto;
    padding: 3.5em 0 4em;
    width: 60%
  }
  .download .agents-icons img{
    display: block;
    width: 100%;
    height: 100%
  }
  .download .agents-icons .flex-1 {
    flex: 1
  }
  .download .agents-icons .flex-2 {
    flex: 1.5
  }
  .download .download-container-info{
    max-width: 300px;
    padding-top: 5em;
  }
  .download .download-container-info .h2{
    margin: .5em 0;
    white-space: nowrap;
    text-align: left;
    font-weight: 400;
    font-size: 40px;
    color: rgb(255, 153, 0)
  }
  .download .download-container-info p{
    margin: .5em 0;
    transform: scale(1);
    transform-origin: left top 0px;
    text-overflow: clip;
    white-space: normal;
    text-align: left;
    text-decoration: none;
    user-select: text;
    color: rgb(102, 102, 102);
    font-size:1.4em;
  }
  .download .download-box{
    display: flex;
  }
  .download .download-box .download-left-box{
    flex: 2.6;
  }
  .download .download-box .download-right-box{
    flex: 2;
    margin: 1em 2em 1em 0;
  }
  .download .download-box a{
    display: block;
    margin: 1.3em .3em .4em .3em;
    width: 9em;
    height: 3.3em;
    border-radius: 4px;
    color: #fff;
    line-height: 3.3em;
    text-decoration: none;
    text-align: center;
  }
  .download .download-box a.download-apk{
    background: #2ecc71;
  }
</style>
